<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue基础</title>
    <script src="../js/vue.js"></script>
</head>

<body>

    <!-- 数据绑定 -->
    <div id="root">
        {{app}}
        <h2>{{scholl.name}}&nbsp;{{scholl.model}}</h2>
        <span>{{Array.length}}</span>

        <ul>
            <li>{{Array[0]}}</li>
            <li>{{Array[1]}}</li>
            <li>{{Array[2]}}</li>
            <li>{{Array[3]}}</li>
        </ul>
    </div>
   
    <script>
        var app = new Vue({
            el: "#root",
            data: {
                app: "hello, 米西米西",
                scholl:{
                    name: "黑马程序员",
                    model: "100-1001-009"
                },
                Array:["常州北","北京西","上海虹桥","广州南"]
            }
        })
    </script>

</body>

</html>